<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>VNF - VietNamFriendly.com</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">

    <link type="text/css" href="<?php echo JS_PATH;?>/jquery/themes/base/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="<?php echo JS_PATH;?>/jquery/jquery-min-1.3.2.js"></script>
    <script type="text/javascript" src="<?php echo JS_PATH;?>/jquery/ui/ui.core.js"></script>
    <script type="text/javascript" src="<?php echo JS_PATH;?>/jquery/ui/ui.sortable.js"></script>
    <script type="text/javascript" src="<?php echo JS_PATH;?>/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="<?php echo JS_PATH;?>/nsix/js/swfobject.js"></script>

    <link type="text/css" href="<?php echo JS_PATH;?>/jquery/demos.css" rel="stylesheet" />
    <style type="text/css">
        /* Style for block */
        .column { width: 100%;min-height:50px;}
        .portlet { margin: 0 1em 1em 0; }
        .portlet-header { margin: 0.3em; padding-bottom: 4px; padding-left: 0.2em; }
        .portlet-header .ui-icon { float: right; }
        .portlet-content { padding: 0.4em; }
        .ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
        .ui-sortable-placeholder * { visibility: hidden; }
        /*
        .ui-widget-content{
            border: 0px;
        }
        .portlet-header {
            display: none;
        }
        */
    </style>
    <script type="text/javascript">
    $(function() {

        $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
            .find(".portlet-header")
                .addClass("ui-widget-header ui-corner-all")
                .prepend('<span class="ui-icon ui-icon-plusthick"></span>')
                .end()
            .find(".portlet-content");

        $(".portlet-header .ui-icon").click(function() {
            $(this).toggleClass("ui-icon-minusthick");
            $(this).parents(".portlet:first").find(".portlet-content").toggle();
        });
    });
    </script>
    </head>
    <body style="margin: 0px auto;width:960px;">
        <?php
        echo $this->placeholder('Zend_Layout')->content;
        /*
            echo $this->action('blockcms', 'index', 'index',
                array(
                    'showContent' => 'true',
                    'content' => $this->placeholder('Zend_Layout')->content,
                    'name' => 'content',
                    'title' => 'Content',
                )
        );
        */
        ?>
    </body>
    <script type="text/javascript">
        /**
         * Comment this will not sort block
         */
        /* set the list selector */
        var setSelector = '.column';
        /* set the cookie name */
        var setCookieName = "listOrder";
         /* set the cookie expiry time (days): */
        var setCookieExpiry = 7;

        function restoreOrder() {
             /* fetch the cookie value (saved order) */
            var cookie = $.cookie(setCookieName);
            if (!cookie) return;

            var columns = cookie.split("#column:");

                    var list = $(setSelector);
                    jQuery.each(list, function(i, val) {
                        strItems = columns[i + 1];
                        if (strItems != '' && strItems!=null) {
                            var items = strItems.split(",");
                            if (items.length > 0) {
                            for ( var v=0, len=items.length; v<len; v++ ){
                                $(this).append($('#' + items[v]));
                            }
                            }
                        }
                    });

        }
        restoreOrder();

        $(function() {
            $(setSelector).sortable({
                connectWith: setSelector,
                cursor: "move",
                update: function() {
                    var list = $(setSelector);
                    var strCookie = '';
                    jQuery.each(list, function(i, val) {
                        var items = $(this).sortable("toArray");
                        strCookie += '#column:' + items;
                    });

                    /* save custom order to cookie*/
                    $.cookie(setCookieName, strCookie, { expires: setCookieExpiry, path: "/" });
                }
            });
            $(setSelector).disableSelection();
        });
    </script>
<link rel="stylesheet" href="<?php echo JS_PATH;?>/nsix/css/css.css" type="text/css" />
<link rel="stylesheet" href="<?php echo JS_PATH;?>/nsix/css/homepage.css" type="text/css" />
<style type="text/css">
<!--
@import "<?php echo JS_PATH;?>/nsix/css/services.css";
-->

</style>
<script type="text/javascript" src="<?php echo JS_PATH;?>/nsix/js/thickbox-compressed.js"></script>
<script type="text/javascript" src="<?php echo JS_PATH;?>/nsix/js/functions.js"></script>
<!--[if lt IE 7]>
<script defer type="text/javascript" src="<?php echo JS_PATH;?>/nsix/js/pngfix.js"></script>
<![endif]-->

<!--[if IE]>
<link rel="stylesheet" href="<?php echo JS_PATH;?>/nsix/css/ie-all.css" type="text/css" />
<![endif]-->
</html>